/* reset */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:12px/1.14 arial,\5b8b\4f53;color:#333;outline:0;}
body{background:#fff;}
a,a:hover{color:#333;} 


html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu {
    font-family: "微软雅黑";}

.g-hd{position:absolute;background:#fff none repeat scroll 0 0;min-width:1260px;opacity:0.95;position:relative;width:100%;z-index:9999;}
.g-hd .m-topbox{height:120px;margin:0 auto;overflow: visible;position:relative;width:1260px;}
.g-hd .m-toplogo {background:rgba(0, 0, 0, 0) url("../images/1.jpg") no-repeat scroll 0 0;display:block;float:left;height:58px;position:relative;top:21px;width:191px;}
.g-hd .m-topboxlist {color: #333;height:100px;line-height:100px;width:800px;margin-left:270px;}
.g-hd .m-topboxlist span {float: left;height: 100px;line-height: 100px width: 4px;}
.g-hd .m-topboxlist a {color: #888;float: left;font-size: 16px; height: 100px;line-height: 100px;margin: 0 25px;position: relative;}
.g-hd .m-topboxlist a:hover {color: #000;}
.g-hd .m-topboxlist a:hover i {width: 100%;}
.g-hd .m-topboxlist a i {background: #cf0f32 none repeat scroll 0 0;display: inline;height: 5px;left: 0;position: absolute;top: 0;transition: all 0.2s ease-out 0s;width: 0;}

#u-bu{width:100px;margin:10px;float: right;display: inline;}
#u-bu h3{ cursor:pointer; line-height:100px; background-color:#000000; color:#fff;}
#u-bu a{display:block; line-height:24px;color:#666666}
#u-bu a:hover{background-color:#eee; color:#000;}
#u-bu div{display:none; border:1px solid #000; border-top:none}

/* 纯CSS3点控式幻灯hover切换  */
.m-demo{position:relative;width:1350px;height:321px;overflow:hidden;}
.m-demo li:nth-child(3n-1){position:absolute;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:transform 0.5s ease-out,opacity 0.5s ease-out;-moz-transition:transform 0.5s ease-out,opacity 0.5s ease-out;-ms-transition:transform 0.5s ease-out,opacity 0.5s ease-out;transition:transform 0.5s ease-out,opacity 0.5s ease-out;}
.m-demo:hover li:nth-child(3n-1){opacity:0;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
.m-demo li:nth-child(2),.m-demo li:nth-child(3n-1):hover,.m-demo li:nth-child(3n+1):hover + li{z-index:2;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.m-demo li:nth-child(3n+1),.m-demo li:nth-child(3n){position:relative;z-index:5;float:left;width:15px;height:15px;margin:290px 0 0 15px;border-radius:50%;}
.m-demo li:nth-child(3n+1),.m-demo:hover li:nth-child(3n+1){box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);background:rgba(0,0,0,0.2);}
.m-demo li:nth-child(3n){z-index:4;margin-left:-10px;}
.m-demo li:first-child{margin-left:1100px;}
.m-demo li:first-child,.m-demo li:nth-child(3n+1):hover,.m-demo li:nth-child(3n-1):hover + li{box-shadow:inset 0 1px 1px rgba(0,0,0,0.5);background:rgba(255,255,0,0.8);}
.m-demo li:nth-child(3n-1):hover + li{z-index:6;}